import React from 'react';
import PropTypes from 'prop-types';


const Link = ({ active, children, onClick }) => {
    if (active) {
        return <span> {children} </span>
    }

    return (
        <a
            href='#'
            onClick={e => {
                e.preventDefault();
                onClick();
            }}
        >
            { children }
        </a>
    );
};


Link.propTypes = {
    active: PropTypes.bool.isRequired,
    children: PropTypes.node.isRequired,
    onClick: PropTypes.func.isRequired
};


export default Link;